/**********
 * reset
 *********/

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
    margin: 0;
    padding: 0;
    border: 0;
}


/* 默认不要下划线 */

a {
    text-decoration: none;
}


/* 按钮文本不可选 */

button {
    user-select: none;
}

img {
    vertical-align: middle;
}


/* 加载不出来的图片不要显示灰色边框 */

img:not([src]),
img[src=""] {
    opacity: 0;
}

ul,
ol {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input,
select,
button,
textarea {
    font-size: 100%;
    font: inherit;
}

html,
body {
    height: 100%;
    overflow-x: hidden;
    line-height: 1.5;
    width: 100%;
    background-color: #eee;
}

html {
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', miui, 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
}

.clearfix::after {
    content: " ";
    display: block;
    clear: both;
}

.border-bottom {
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to bottom, transparent 50%, #000 50%) 0 0 100%
}

.border-bottom2 {
    position: relative;
}

.border-bottom2::before {
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to bottom, transparent 50%, blue 50%);
}

.border-bottom3 {
    position: relative;
}

.border-bottom3::after {
    content: " ";
    height: 1px;
    width: 100%;
    border-bottom: 1px solid red;
    transform: scaleY(0.5);
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.border {
    position: relative;
    overflow: hidden;
}

.border::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200%;
    height: 200%;
    border: 1px solid orange;
    border-right: 1px solid orange;
    transform-origin: 0 0;
    transform: scale(0.5);
}

[class*=van-hairline]::after {
    border-color: #dddddd !important;
}